﻿/*产品展示*/
.cpzs{height: 660px;padding-top: 50px;padding-bottom: 50px;}
.index_product_img .title{width: 930px;height:43px;line-height: 43px;background-color: #eaeae9;}
.index_product_img .title .tjcp_title{width: 167px;height: 43px;background: url('../picture/03.png')no-repeat;font-size: 16px;color: #ffffff;font-weight: bold;text-indent: 45px;}
.index_product_img .title a{display: block;width: 80px;text-align: center;}


.zsqjbj_img_intro{height: 315px;width: 100%;margin-top: 25px;}
.zsqjbj_img_intro .zsqjbj_img{width: 400px;height: 300px;}
.zsqjbj_img_intro .zsqjbj_img img{transition:all 0.4s linear 0s;height: 300px;width: 380px}
.zsqjbj_img_intro .zsqjbj_img img:hover{transform: scale(1.1);}

.zsqjbj_img_intro .zsqjbj_intro{width: 500px;height: 315px;color: #767676;}
.zsqjbj_img_intro .zsqjbj_intro h2{font-size: 18px;color: #0045a0;}
.zsqjbj_img_intro .zsqjbj_intro p{padding: 30px 0;}
.zsqjbj_img_intro .zsqjbj_intro h3{font-size: 16px;color: #0045a0;margin-top: 5px;}
.zsqjbj_img_intro .zsqjbj_intro ul{}
.zsqjbj_img_intro .zsqjbj_intro ul li{background: url('../picture/dian.jpg')no-repeat 0px 10px;text-indent: 20px;}
.zsqjbj_img_intro .zsqjbj_intro a{display: block;width: 140px;height: 46px;line-height: 46px;float: left;margin-right: 30px;color: #ffffff;font-size: 16px;text-indent: 50px;margin-top:2px;}
.zsqjbj_img_intro .zsqjbj_intro .ljgd{background: url('../picture/ljgd.png')no-repeat 16px 14px #0045a0;}
.zsqjbj_img_intro .zsqjbj_intro .ljgd:hover{background:url('../picture/ljgd.png')no-repeat 16px 14px #ff6600;}
.zsqjbj_img_intro .zsqjbj_intro .wyzx{background: url('../picture/wyzx.png')no-repeat 16px 14px #0045a0;}
.zsqjbj_img_intro .zsqjbj_intro .wyzx:hover{background: url('../picture/wyzx.png')no-repeat 16px 14px #ff6600;}


#fczs_gd{margin-top: 20px;}
#fczs_gd ul{width:1815px;overflow: hidden;}
#fczs_gd ul li{position: relative;  width: 270px;height:258px;float: left;margin-right:30px;overflow: hidden;border:1px solid #00367f;}
#fczs_gd ul li .pic{
    width:100%;
    height: 200px;
    position: relative; 
    background: #fff;
}
#fczs_gd ul li:hover{border:1px solid #ff6600;}
#fczs_gd ul li img{
    display: block;
    max-width: 100%;
    max-height:100%;
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    overflow: hidden;
}
#fczs_gd ul li .txt{ position: absolute;bottom:0; text-align: center;height: 48px;line-height: 48px;font-size:16px;width: 280px;color: #ffffff;background-color: #00367f}
#fczs_gd ul li:hover .txt{background-color: #ff6600;}

/*产品展示 end*/

/*产品轮播*/
.index_product{height: 400px;background:url(../picture/index_product_bg.jpg);}
.index_product .title{height:40px;line-height:40px;text-align: center;margin-top: 40px;margin-bottom: 20px;}
.index_product .title h2{font-size: 24px;color: #0045a0;}
.mr_frbox {height:300px; position:relative;width: 1200px;margin: auto;}
.mr_frBtnL{cursor: pointer;width:46px;height:47px;background:url(../picture/left_hover.png) no-repeat;position:absolute;left:-40px;top:42%; transform: translateY(-50%); -webkit-transform: translateY(-50%);z-index: 1000; }

.mr_frBtnR{cursor: pointer;width:46px;height:47px;background:url(../picture/right_hover.png) no-repeat;position:absolute;right:-65px;top:42%; transform: translateY(-50%); -webkit-transform: translateY(-50%);z-index: 1000; }

.mr_frUl ul li{position: relative; float:left;margin-right: 40px;width: 270px;height:244px;overflow: hidden;border: 2px solid #ffffff;}
.mr_frUl ul li .pic{
    width:100%;
    height: 200px;
    position: relative; 
    background: #fff;
}
.mr_frUl ul li img{
    display: block;
    max-width: 100%;
    max-height:100%;
    position: absolute;
    left:50%;
    top:0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.mr_frUl ul li .txt{width:100%;position: absolute;bottom:0; height: 44px;line-height: 44px;text-align: center;background: #ffffff;}
.mr_frUl ul li:hover{border: 2px solid #ff6600;}
.mr_frUl ul li:hover .txt{background:#ff6600;}
.mr_frUl ul li:hover a{color: #ffffff;}
/*产品轮播 end*/


/*优势01*/
.index_youshi01{height: 172px;background: url(../picture/04.png)no-repeat center;text-align: center;}
.index_youshi01 h1{color: #FFFFFF;font-size: 48px;margin-top: 30px;margin-bottom: 20px;}
.index_youshi01 h2{color: #ffffff;font-size: 24px;}
.index_youshi01 h2:before{display: block;content: " ";width: 40px;height: 1px; background-color: #7dacd8;position: relative;left: 400px;top: 20px;}
.index_youshi01 h2:after{display: block;content: " ";width: 40px;height: 1px; background-color: #7dacd8;position: relative;;left: 760px;top: -13px;}


.index_youshi01_neirong{width: 1200px;margin: auto;padding-top: 50px;padding-bottom: 50px;height: 450px;background: url('../picture/05.png')no-repeat 340px 60px;}

.index_youshi01_neirong .box{height: 150px;}
.index_youshi01_neirong .box .title{color: #0045a0;font-size: 26px;font-weight:bold;}
.index_youshi01_neirong .box .title:after{display: block;content:" ";width: 30px;height: 5px;background-color: #ff6600;margin-top: 10px;margin-bottom: 10px;}
.index_youshi01_neirong .box p{display: block;width: 340px;}

.index_youshi01_neirong .box:nth-child(1){float: left;width: 340px;margin-top: 30px;}
.index_youshi01_neirong .box:nth-child(2){float: right;width: 340px;margin-top: 30px;}
.index_youshi01_neirong .box:nth-child(3){float: left;width: 600px;margin-top: 100px;}
.index_youshi01_neirong .box:nth-child(4){float: right;margin-top: 100px;}


.index_youshi02{height: 246px;background: url(../picture/index_youshi02_bg.jpg)no-repeat center;text-align: center;}
.index_youshi02 h1{color: #FFFFFF;font-size: 34px;margin-top: 30px;margin-bottom: 20px;border-bottom: 1px  dashed #ffffff;height: 70px;}
.index_youshi02 h2{color: #ffffff;font-size: 20px;margin-bottom: 20px;}

.index_youshi02 .tel_zx{height: 46px;color: #ffffff;line-height: 46px;width: 600px;}
.index_youshi02 .tel_zx span{display: block;float: left;width: 350px;height: 46px;background: url(../picture/tel01.png)no-repeat;font-size: 38px;font-weight: bold;color:#ff6600;    padding-left: 30px;}
.index_youshi02 .tel_zx a{display: block;width: 150px;color: #ffffff;float: right;height: 46px;background: url('../picture/message.png')no-repeat 20px 13px #ff6600;border-radius: 5px;text-indent: 30px;}
/*优势01end*/



/*公司简介*/
.index_company{width: 1200px;height: 280px;margin: auto;padding-top:50px ;padding-bottom: 50px;}
.index_company .index_company_img{width:450px;height: 280px;overflow: hidden;} 
.index_company .index_company_img img{width:450px;height: 280px;}
.mr_frbox03 {height:280px; position:relative;width: 450px;margin: auto;}
.mr_frBtnL03 {cursor: pointer; width:40px; height:70px; background:url(../picture/left.png) no-repeat; position:absolute; left:0px; top:100px;z-index: 1000; }
.mr_frBtnR03 {cursor: pointer;width:40px; height:70px; background:url(../picture/right.png) no-repeat;position:absolute; right:0px; top:100px;z-index: 1000; }
.mr_frBtnL03:hover{background:url(../picture/left_hover.png) no-repeat;}
.mr_frBtnR03:hover{background:url(../picture/right_hover.png) no-repeat;}
.mr_frUl03 ul li{float:left;overflow: hidden;}
.index_company .index_intro{width: 630px;height: 280px;}
.index_company .index_intro span{font-size: 28px;color: #222222;font-weight: bold;}
.index_company .index_intro small{color: #afafaf;font-size: 14px;}
.index_company .index_intro p{margin-top: 20px;line-height: 228%;}
.index_company .index_intro a{width: 125px;height: 35px;line-height: 35px;color: #ffffff;font-size: 16px;text-align: center;float: left;background-color:#ff6600;margin-top: 10px;}
.index_company .index_intro a:hover{background-color: #00367f;}
/*公司简介end*/

/*--------------新闻动态+资质荣誉------------------*/
.news_zzry{height: 360px;width: 100%;padding-top: 50px;padding-bottom: 50px;background-color: #f1f1f2;}
.index_news{width: 660px;height: 320px;border-top: 4px solid #00367f;background-color: #FFFFFF;padding: 20px;}
.index_news .title{height: 24px;background: url('../picture/09.png')no-repeat;text-indent: 15px;overflow: hidden;}
.index_news .title span{font-size: 18px;color: #00367f;font-weight: bold;}
.index_news .one{margin-top: 30px;overflow: hidden;}
.index_news .one img{296px;height: 124px;}
.index_news .one .intro{width: 330px;height: 124px;}
.index_news .one .intro h3{color: #383838;margin-top: 15px;padding-bottom: 5px;}
.index_news .one .intro p{color: #727272;}

.index_news .two{width: 660px;height: 120px;overflow: hidden;margin-top: 20px;}
.index_news .two ul li{width: 280px;float: left;margin-right: 50px;text-indent: 10px;height: 40px;}
.index_news .two ul li a{color: #383838;}
.index_news .two ul li a:hover{color:#ff6600;}

.index_zzry{width: 420px;height: 320px;border-top: 4px solid #00367f;background-color: #FFFFFF;padding: 20px;}
.index_zzry .title{height: 24px;background: url('../picture/09.png')no-repeat;text-indent: 15px;overflow: hidden;}
.index_zzry .title span{font-size: 18px;color: #00367f;font-weight: bold;}

.flink{width: 1200px;   height: 21px;  margin: auto;  padding-top: 20px;}
.flink a{color: #383838; font-size: 12px; }

.mr_frbox02 {height:240px; position:relative;width: 420px;margin: auto;margin-top: 30px;}
.mr_frBtnL02 {cursor: pointer; width:40px; height:70px; background:url(../picture/left.png) no-repeat; position:absolute; left:0px; top:80px;z-index: 1000; }
.mr_frBtnR02 {cursor: pointer;width:40px; height:70px; background:url(../picture/right.png) no-repeat;position:absolute; right:0px; top:80px;z-index: 1000; }
.mr_frBtnL02:hover{background:url(../picture/left_hover.png) no-repeat;}
.mr_frBtnR02:hover{background:url(../picture/right_hover.png) no-repeat;}
.mr_frUl02 ul li{float:left;margin-left: 45px;overflow: hidden;}
.mr_frUl02 ul li img{display: block;width: 210px;height:240px;border: 1px solid #cccccc;}
/*--------------新闻动态+资质荣誉end------------------*/







/*文字透明变化*/
.biaoti h1{
    animation-name: breath;                       
    animation-duration: 3s;                        
    animation-timing-function: ease-in-out;         
    animation-iteration-count: infinite;          
    -webkit-animation-name: breath;               
    -webkit-animation-duration: 3s;                 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-iteration-count: infinite;
}
.biaoti h2{
    animation-name: breath;                       
    animation-duration: 4s;                        
    animation-timing-function: ease-in-out;         
    animation-iteration-count: infinite;          
    -webkit-animation-name: breath;               
    -webkit-animation-duration: 4s;                 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-iteration-count: infinite;
}
@keyframes breath {
    from { opacity: 0.4; }                         
    50%  { opacity:   1; }                         
    to   { opacity: 0.4; }                         
}
@-webkit-keyframes breath {
    from { opacity: 0.4; }                          
    50%  { opacity:   1; }                         
    to   { opacity: 0.4; }                        
}